<#import "/common/macro/theme_option_marco.ftl" as option>
<@option.head />
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-6 themeImg">
            <img src="/${themeDir}/screenshot.png" style="width: 100%;">
        </div>
        <div class="col-md-6 themeSetting">
            <div class="nav-tabs-custom">
                <#-- 导航设置tab -->
                <ul class="nav nav-tabs">
                    <li class="active">
                        <#--对应绑定ID-->
                        <a href="#main_page" data-toggle="tab">主页设置</a>
                    </li>
                    <li>
                        <a href="#style" data-toggle="tab">样式设置</a>
                    </li>
                    <li>
                        <a href="#about" data-toggle="tab">关于</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <!-- 001.主页设置main_page 源sns -->
                    <div class="tab-pane active" id="main_page">
                        <form method="post" class="form-horizontal" id="mainPageOptions">
                            <div class="box-body">
                                <#--<div class="form-group">-->
                                    <#--<label for="anatoleSnsRss" class="col-sm-4 control-label">RSS：</label>-->
                                    <#--<div class="col-sm-8">-->
                                        <#--<label class="radio-inline">-->
                                            <#--<input type="radio" name="theme_anatole_sns_rss" id="anatoleSnsRss" value="true" ${((options.theme_anatole_sns_rss!'true')=='true')?string('checked','')}> 显示-->
                                        <#--</label>-->
                                        <#--<label class="radio-inline">-->
                                            <#--<input type="radio" name="theme_anatole_sns_rss" id="anatoleSnsRss" value="false" ${((options.theme_anatole_sns_rss!)=='false')?string('checked','')}> 隐藏-->
                                        <#--</label>-->
                                    <#--</div>-->
                                <#--</div>-->
                                <div class="form-group">
                                    <#--anatoleSnsTwitter-->
                                    <label for="backgroundOne" class="col-sm-4 control-label">轮播背景图(1)：
                                        <span data-toggle="tooltip" data-placement="top" title="选择宽屏图片，可复制URL也可上传至附件库" style="cursor: pointer">
                                            <i class="fa fa-question-circle" aria-hidden="true"></i>
                                        </span>
                                    </label>
                                    <div class="col-sm-8">
                                        <div class="input-group"><#--anatoleStyleRightIcon-->
                                            <#--带默认值的-->
                                            <#--<input type="text" class="form-control" id="backgroundOne" name="background_one_pic" value="${options.anatole_style_right_icon!'/anatole/source/images/lvfeng.jpg'}" >-->
                                            <input type="text" class="form-control" id="backgroundOne" name="background_one_pic" value="${options.background_one_pic!}" >
                                            <span class="input-group-btn">
                                                <button class="btn btn-default btn-flat" type="button" onclick="openAttach('backgroundOne')">选择</button>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="backgroundTwo" class="col-sm-4 control-label">轮播背景图(2)：</label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                            <input type="text" class="form-control" id="backgroundTwo" name="background_two_pic" value="${options.background_two_pic!}" >
                                            <span class="input-group-btn">
                                                <button class="btn btn-default btn-flat" type="button" onclick="openAttach('backgroundTwo')">选择</button>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="backgroundThree" class="col-sm-4 control-label">轮播背景图(3)：</label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                            <input type="text" class="form-control" id="backgroundThree" name="background_three_pic" value="${options.background_three_pic!}" >
                                            <span class="input-group-btn">
                                                <button class="btn btn-default btn-flat" type="button" onclick="openAttach('backgroundThree')">选择</button>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="backgroundFore" class="col-sm-4 control-label">轮播背景图(4)：</label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                            <input type="text" class="form-control" id="backgroundFore" name="background_fore_pic" value="${options.background_fore_pic!}" >
                                            <span class="input-group-btn">
                                                <button class="btn btn-default btn-flat" type="button" onclick="openAttach('backgroundFore')">选择</button>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="CoLogo" class="col-sm-4 control-label">左上角公司logo：</label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                            <input type="text" class="form-control" id="CoLogo" name="co_logo" value="${options.co_logo!}" >
                                            <span class="input-group-btn">
                                                <button class="btn btn-default btn-flat" type="button" onclick="openAttach('CoLogo')">选择logo</button>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="titleOne" class="col-sm-4 control-label">标题大文字(1)：
                                        <span data-toggle="tooltip" data-placement="top" title="轮播页浮动于图片上的文字，尽量简要，不要多" style="cursor: pointer">
                                            <i class="fa fa-question-circle" aria-hidden="true"></i>
                                        </span>
                                    </label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="titleOne" name="title_one" value="${options.title_one!'绿绿峰'}" >
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="titleTwo" class="col-sm-4 control-label">标题大文字(2)：</label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="titleTwo" name="title_two" value="${options.title_two!}" >
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="titleThree" class="col-sm-4 control-label">标题大文字(3)：</label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="titleThree" name="title_three" value="${options.title_three!}" >
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="titleFore" class="col-sm-4 control-label">标题大文字(4)：</label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="titleFore" name="title_fore" value="${options.title_fore!}" >
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="titleDescOne" class="col-sm-4 control-label">标题下文字描述(1)：
                                        <span data-toggle="tooltip" data-placement="top" title="在标题下面的描述，可以是标题的展开描述" style="cursor: pointer">
                                            <i class="fa fa-question-circle" aria-hidden="true"></i>
                                        </span>
                                    </label>
                                    <div class="col-sm-8">
                                        <textarea class="form-control" rows="3" id="titleDescOne" name="title_desc_one" style="resize: none">${options.title_desc_one!'Hi！我是绿绿峰！'}</textarea>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="titleDescTwo" class="col-sm-4 control-label">标题下文字描述(2)：</label>
                                    <div class="col-sm-8">
                                        <textarea class="form-control" rows="3" id="titleDescTwo" name="title_desc_two" style="resize: none">${options.title_desc_two!}</textarea>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="titleDescThree" class="col-sm-4 control-label">标题下文字描述(3)：</label>
                                    <div class="col-sm-8">
                                        <textarea class="form-control" rows="3" id="titleDescThree" name="title_desc_three" style="resize: none">${options.title_desc_three!}</textarea>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="titleDescFore" class="col-sm-4 control-label">标题下文字描述(4)：</label>
                                    <div class="col-sm-8">
                                        <textarea class="form-control" rows="3" id="titleDescFore" name="title_desc_fore" style="resize: none">${options.title_desc_fore!}</textarea>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="bgColor" class="col-sm-4 control-label">背景颜色：</label>
                                    <div class="col-sm-8">
                                        <input type="color" class="form-control" id="bgColor" name="bg_color" value="${options.bg_color!'#fff'}" >
                                    </div>
                                </div>
                            </div>
                            <div class="box-footer"><#--anatoleSnsOptions-->
                                <button type="button" class="btn btn-primary btn-sm pull-right" onclick="saveThemeOptions('mainPageOptions')">保存首页设置</button>
                            </div>
                        </form>
                    </div>
                    <!--样式设置-->
                    <div class="tab-pane" id="style">
                        <form method="post" class="form-horizontal" id="anatoleStyleOptions">
                            <div class="box-body">
                                <div class="form-group">
                                    <label for="webIcon" class="col-sm-4 control-label">icon：</label>
                                    <div class="col-sm-8">
                                        <div class="input-group"><#--/anatole/source/images/logo.png-->
                                            <input type="text" class="form-control" id="webIcon" name="web_icon" value="${options.web_icon!'https://lvlvfeng.gitee.io/lvblog/images/head.png'}" >
                                            <span class="input-group-btn">
                                                <button class="btn btn-default btn-flat" type="button" onclick="openAttach('webIcon')">选择图标</button>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="anatoleStylePostTitleLower" class="col-sm-4 control-label">文章标题大写：</label>
                                    <div class="col-sm-8">
                                        <label class="radio-inline">
                                            <input type="radio" name="anatole_style_post_title_lower" id="anatoleStylePostTitleLower" value="true" ${((options.anatole_style_post_title_lower!'true')=='true')?string('checked','')}> 开启
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="anatole_style_post_title_lower" id="anatoleStylePostTitleLower" value="false" ${((options.anatole_style_post_title_lower!)=='false')?string('checked','')}> 关闭
                                        </label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="anatoleStyleGoogleColor" class="col-sm-4 control-label">浏览器沉浸颜色：</label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="anatoleStyleGoogleColor" name="anatole_style_google_color" value="${options.anatole_style_google_color!'#fff'}" >
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="anatoleStyleScrollbar" class="col-sm-4 control-label">全局滚动条颜色：</label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="anatoleStyleScrollbar" name="anatole_style_scrollbar" value="${options.anatole_style_scrollbar!'#3798e8'}" >
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="anatoleStyleSelf" class="col-sm-4 control-label">自定义样式：</label>
                                    <div class="col-sm-8">
                                        <textarea class="form-control" rows="3" id="anatoleStyleSelf" name="anatole_style_self" style="resize: none">${options.anatole_style_self!}</textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="box-footer">
                                <button type="button" class="btn btn-primary btn-sm pull-right" onclick="saveThemeOptions('anatoleStyleOptions')">保存设置</button>
                            </div>
                        </form>
                    </div>
                    <!-- 关于该主题 -->
                    <div class="tab-pane" id="about">
                        <div class="box box-widget widget-user-2">
                            <div class="widget-user-header bg-blue">
                                <div class="widget-user-image">
                                    <img class="img-circle" src="/lvfeng/source/images/lvfeng.jpg" alt="绿峰">
                                </div>
                                <h3 class="widget-user-username">绿绿峰</h3>
                                <h5 class="widget-user-desc">by 绿绿峰 编辑制作</h5>
                            </div>
                            <div class="box-footer no-padding">
                                <ul class="nav nav-stacked">
                                    <li><a target="_blank" href="https://lvlvfeng.gitee.io/lvblog/">绿绿峰</a></li>
                                    <#--<li><a target="_blank" href="https://github.com/">主题地址</a></li>-->
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<@option.import_js />
